<div class="row">
    <ol class="breadcrumb">
        <li><a href="{{prefix}}index.html"><span class="iconfont icon-shouye mr-10"></span>当前位置:优农后台</a></li>
        <li class="active">订单详情</li>
    </ol>
</div><!--/.row-->

<table class="table-item order-info mt-10" width="100%">
    <tr class="bb-1">
        <th colspan="2">订单信息</th>
    </tr>
    <tr>
        <td colspan="2">收货人：{{orderDetailData.consigneeName}}</td>
    </tr>
    <tr>
        <td colspan="2">收货地址：{{orderDetailData.shippingAddress}}</td>
    </tr>
    <tr>
        <td colspan="2">买家留言：{{orderDetailData.leaveMessage}}</td>
    </tr>
    <tr>
        <td colspan="2">订单编号：{{orderDetailData.orderNo}}</td>
    </tr>
    <tr>
        <td>下单时间：{{orderDetailData.createTime}}</td>
        <td>付款时间：{{orderDetailData.payTime}}</td>
    </tr>
    <tr>
        <td>发货时间：{{orderDetailData.deliveryTime}}</td>
        <td>收货时间：{{orderDetailData.confirmDeliveryTime}}</td>
    </tr>
    <tr ng-if="orderDetailData.applyRefundTime">
        <td>申请退款：{{orderDetailData.applyRefundTime}}</td>
        <td>退款时间：{{orderDetailData.refundCompleteTime}}</td>
    </tr>
</table>

<div grid="gridOptions" class="mt-20"></div>

<div class="ta-r lh-30px mt-10 p-20 bg-w br-1">
    <!--<p>-->
        <!--<span class="w-70px">商品总价：</span>-->
        <!--<em class="ta-l">￥{{orderDetailData.totalAmount}}</em>-->
    <!--</p>-->
    <p>
        <span class="w-70px">运费(快递)：</span>
        <em class="ta-l">￥{{orderDetailData.freight}}</em>
    </p>
    <p>
        <span class="w-70px">订单总价：</span>
        <em class="ta-l">￥{{orderDetailData.totalAmount}}</em>
    </p>
</div>


<style>
    .order-info{
        border: 1px solid #e1e1e1;
    }
    .order-info td, .order-info th{
        text-align: left;
        border:none;
        padding: 12px 20px;
    }
</style>